<template lang="">
    <div class="container">
        <div class="title">教师信息管理</div>
        <el-row :gutter="20">
            <el-col :span="14">
                <div class="main-box text-center base-shadow pad add-info">
                    <AddInfo></AddInfo>
                </div>
            </el-col>
            <el-col :span="10">
                <div class="main-box text-center base-shadow pad add-batch">
                    <BatchAdd></BatchAdd>
                </div>
            </el-col>
        </el-row>
        <div class="main-box text-center base-shadow pad second-box">
            <Search></Search>
            <ManageTable></ManageTable>
            <Pagination :pageSize="12"></Pagination>
        </div>
    </div>
</template>
<script>
    import BatchAdd from '@/components/info/teacherInfo/BatchAdd';
    import AddInfo from '@/components/info/teacherInfo/AddInfo';
    import ManageTable from '@/components/info/teacherInfo/ManageTable';
    import Search from '@/components/info/teacherInfo/Search.vue';
    import Pagination from '../components/Pagination.vue'
    export default {
        name: 'TeacherInfo',
        components: {
            ManageTable,
            Search,
            Pagination,
            AddInfo,
            BatchAdd
        }
    }
</script>
<style scoped>
    .add-info{
        padding-right: 80px;
    }
    .add-batch{
        height: 327px;
    }
</style>